/*鼠标特效*/
/*底部边框下边距增加、底部边框变高，变色*/
.bd-bottom-hover-pd:hover a{border-bottom:2px solid #ec6a21;padding-bottom: 39px;}


.bd-bottom-width-0-hover-100 span{position: absolute;top: 100%;left: 0;width:0%;height: 2px;border-bottom:1px solid #fff;transition: all 1s;}
.bd-bottom-width-0-hover-100:hover span{width: 100%;border-color: #ec6a21;}
/*底部边框长度增加10-100*/
.bd-bottom-width-1-hover-10 span{position: absolute;top: 180%;left: 0;width:20%;height: 1px;border-bottom:1px solid #fff;transition: all 1s;}
.bd-bottom-width-1-hover-10:hover span{width: 100%;border-color: #ec6a21;}
/*字体颜色右黑色过度为橙色*/
.txt-hover-orange:hover,.txt-hover-orange:hover .txt-a,.txt-hover-orange:hover a,.txt-hover-orange:hover .txt-36,.txt-hover-orange:hover .txt-6,.txt-hover-orange:hover .txt-white{color: #ec6a21;}

.bg-hover-white:hover .bg-orangee{background: #fff;}
.font-hover-blod:hover,.font-hover-blod:hover .h4,.font-hover-blod:hover .h3{font-size: 2rem;}

.po-re{position: relative;}

/*css3 ease*/

.transition-1{-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
.transition-05 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}     
.transition-03 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.transition-036{
	-webkit-transition: all 0.36s ease;
    -moz-transition: all 0.36s ease;
    -o-transition: all 0.36s ease;
    transition: all 0.36s ease;
}

/*css3 ease-out*/
.transition_ease-out-03{
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/*css3 border*/
.transition_bor_back_0503{
	-webkit-transition: border .5s; 
     transition: border .5s;
	-webkit-transition: background .3s;
	transition: background .3s;
}

/*css right*/
.transition_right_05{
	-webkit-transition: right .5s;
	-moz-transition: right .5s;
	-o-transition: right .5s;
	transition: right .5s;
}


.bd-orange{border:1px solid #ec6a21;}
.bd-bottom-orange-2{border-bottom: 2px solid #ec6a21;}
.bd-bottom-lack-05{color:rgba(0, 0, 0, 0.5);}
.bd-2{border:2px solid #000;}

.shadow-1:hover{  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 10px 10px rgba(0, 0, 0, 0.1);}


.shadow-1{   -webkit-box-shadow: 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px rgba(0, 0, 0, 0.3);transition: all 1s;}


.btn01 {
    cursor:pointer;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.fa {
    margin: 0 1px;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}
.bd-bottom-2-red{border-bottom: 2px solid #f00;}



/*从上往下效果*/
/*遮罩*/
.btn01 .ovrly1 {
    background: rgba(0,0,0,0.3);
    height: 100%;
    top: -100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn01:hover .ovrly1 {
    top: 0;
}

.btn01 .ovrly_v1 {
    background: rgba(250,250,250,0.6);
    height: 100%;
    top: -100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn01:hover .ovrly_v1 {
    top: 0;
}

/*文字*/
.btn01 .buttons1 {
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn01:hover .buttons1 {
    top: 50%;
}
/*从下往上效果*/
/*遮罩*/
.btn01 .ovrly2 {
    background: rgba(0,0,0,0.8);
    height: 100%;
    left: 0;
    bottom: -100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn01:hover .ovrly2 {
    bottom: 0;
}
/*文字*/
.btn01 .buttons2 {
    position: absolute;
    bottom: -100%;
    left: 50%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn01:hover .buttons2 {
    bottom: 50%;
}
/*遮罩从左往右效果*/
.btn01 .ovrly3 {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left:-100%;
    top:0;
    width: 100%;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn01:hover .ovrly3 {
    left: 0;
}
/*文字*/
.btn01 .buttons3 {
    position: absolute;
    bottom: 50%;
    left: -100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn01:hover .buttons3 {
    left: 50%;
}
/*遮罩从右往左效果*/
.btn01 .ovrly3 {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    right:-100%;
    top:0;
    width: 100%;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn01:hover .ovrly3 {
    right: 0;
}
/*文字*/
.btn01 .buttons4 {
    position: absolute;
    bottom: 50%;
    right: -100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn01:hover .buttons4 {
    right: 50%;
}
/*图片*/
.btn01 img.img0 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
.btn01 img{
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    max-height: 100%;
    transition: all 1s;
}
.btn01:hover img.img0{}
/*图片缩放：缩小图*/
.btn01:hover img.img-small{transform: scale(0.5);}
/*图片缩放：原图*/
.btn01:hover img.img-auto{transform: scale(1);}
/*图片缩放：放大图*/
.btn01:hover img.img-big{transform: scale(1.2);}
/*图片缩放：超大图*/
.btn01:hover img.img-large{transform: scale(1.5);}
/*图片缩放：超大图*/
.btn01:hover img.img-maxlarge{transform: scale(2);}
/*颜色鼠标效果*/
.bd-bottom-hover{position: absolute;top:50%;left: 0;width:50px;color:#000;height: 2px;transition: all 1s;}
/*.txt-black-hover-orange:hover .bd-bottom-hover{width: 100%;height: 2px;}*/
.txt-black-hover-orange a{color: black;transition: all 1s;}
.txt-black-hover-orange:hover a{color: #ec6a21;}
.txt-hover-black{color: #fff;background: #000;cursor: pointer;transition: all 1s;}
.txt-hover-black:hover{color: #000;background: #fff;}
.txt-hover-red:hover,.txt-hover-red:hover a{color: red;cursor: pointer;}
.txt-hover-white:hover,.txt-hover-white:hover a{color:white;cursor: pointer;}
.bg-hover-black:hover,.bg-hover-black:hover a{background: #000;}
.font-hover-20:hover{font-size: 20px;}
.pd-hover-left-b:hover{text-indent:20px;}
.pd-hover-left-b{text-indent:0px;transition: 1s;}

.txt-undecoration{text-decoration: none;}

.pd-right-ml{padding-right: 100px;}



@media (min-width:1000px){

}
.pd-left-l-x{}
.pd-right-ml-x{}

.dd-xx-img{  -webkit-transition: 0.9s;  transition: 0.9s;overflow: hidden;}
.dd-xx-img:hover{  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);cursor: pointer;}

/*.icn{  -webkit-transition: 0.9s;
  transition: 0.9s;border:1px solid #f00;width: 10%;}
.icn:hover{  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}*/



/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	/*box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;*/
	/*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition:  all 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
}

.hi-icon-effect-5 .hi-icon:hover {
	/*background: rgba(255,255,255,1);*/
	color: #ec6a21;
	/*box-shadow: 0 0 0 8px rgba(255,255,255,0.3);*/
}

.hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 1s forwards;
	-moz-animation: toRightFromLeft 1s forwards;
	animation: toRightFromLeft 1s forwards;
	/*forwards则是停在动画最后的的那个画面*/
}

/*animation-fill-mode，定义动画播放时间之外的状态,顾名思义，要么就是在动画播放完了之后给它一个状态 animation-fill-
/*mode : none | forwards | backwards |both; none，播放完之后不改变默认行为，默认值，forwards则是停在
/*动画最后的的那个画面，backwards则是回调到动画最开始出现的画面，both则应用为动画结束或开始的状态，*/

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

/*新添开发样式*/

/*鼠标经过展示商品底部出现阴影*/
.btn03:hover .shadow_bottom{
 -webkit-transform:translate3d(0, -5px, 0);
  transform:translate3d(0, -5px, 0);
  -webkit-box-shadow: 0 40px 40px -24px rgba(0, 36, 100, 0.3);
  -moz-box-shadow: 0 40px 40px -24px rgba(0, 36, 100, 0.3);
  box-shadow: 0 40px 40px -24px rgba(0, 36, 100, 0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index:3;
}
.btn04:hover .shadow_bottom{
	box-shadow: 0 0 40px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

/*左轮客服*/
@-webkit-keyframes badbounce {
  0%,100% {
    -webkit-transform: translateY(0px);
  }
  10% {
    -webkit-transform: translateY(6px);
  }
  30% {
    -webkit-transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-2px);
  }
}
@-moz-keyframes badbounce {
  0%,100% {
    -moz-transform: translateY(0px);
  }
  10% {
    -moz-transform: translateY(6px);
  }
  30% {
    -moz-transform: translateY(-4px);
  }
  70% {
    -moz-transform: translateY(3px);
  }
  90% {
    -moz-transform: translateY(-2px);
  }
}
@keyframes badbounce {
  0%,100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  10% {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
  }
  30% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

.what_weixin{bottom: 30%;z-index: 99999;transition: ease-out 0.5s;transform: scaleY(0);padding: 5px;background: white;border-radius: 10px;}
.lo_phone{width: 130px;background: white;-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17); color: #666;top: 0;border-bottom-left-radius: 50%;
left: 300px;
padding: 20px 0;
transition: ease-out 0.5s;
opacity: 0;
}
.lo_fax{width: 130px;background: white;-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17); color: #666;top: -80px;border-bottom-left-radius: 50%;
left: 300px;
padding: 20px 0;
transition: ease-out 0.5s;
opacity: 0;
}
.ss_animate {
  -webkit-animation: badbounce 1s linear;
  -moz-animation: badbounce 1s linear;
  animation: badbounce 1s linear;
}
#ss_menu {
  bottom: 30px;
  width: 60px;
  height: 60px;
  color: #fff;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  right: 30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 9999;
}
#ss_menu > .menu {
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  background: #b43047;
}
#ss_menu > .menu .share {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
#ss_menu > .menu .share .circle {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  top: 53%;
  margin-top: -6px;
  left: 9px;
  opacity: 1;
}
#ss_menu > .menu .share .circle:after, #ss_menu > .menu .share .circle:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
#ss_menu > .menu .share .circle:after {
  left: 15.78461px;
  top: 9px;
}
#ss_menu > .menu .share .circle:before {
  left: 16.78461px;
  top: -8.0px;
}
#ss_menu > .menu .share .bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  width: 14px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 53%;
  margin-top: -1.5px;
  left: 14px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
#ss_menu > .menu .share .bar:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  width: 14px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#ss_menu > .menu .share.close .circle {
  opacity: 0;
}
#ss_menu > .menu .share.close .bar {
  top: 50%;
  margin-top: -1.5px;
  left: 50%;
  margin-left: -8px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}
#ss_menu > .menu .share.close .bar:before {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-450deg);
  -moz-transform: rotate(-450deg);
  -ms-transform: rotate(-450deg);
  -o-transform: rotate(-450deg);
  transform: rotate(-450deg);
}
#ss_menu > .menu.ss_active {
  background: #b43047;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
#ss_menu > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 45px;
  height: 45px;
  text-align: center;
  background: #b43047;
  border-radius: 50%;
  display: table;
}
#ss_menu > a i {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-size: 23px;
}
#ss_menu > a:hover {
  background: #b43047;
  cursor: pointer;
}
#ss_menu a:nth-child(1) {
  top: 0px;
  left: -160px;
}
#ss_menu a:nth-child(2) {
  top: -80.0px;
  left: -138.56406px;
}
#ss_menu a:nth-child(3) {
  top: -138.56406px;
  left: -80.0px;
}
#ss_menu a:nth-child(4) {
  top: -160px;
  left: 0.0px;
}


/*动画渐变字体*/
.change_title1{
    -webkit-background-clip: text;    
    -webkit-text-fill-color: transparent;   
    background-color:#b43047;    
    background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 7%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 90%);
    background-blend-mode: hard-light;
    background-size: 200%;
    -webkit-animation: shine 4s infinite;   
}
/*背景渐变色*/
.change_title2{
	-webkit-animation: shine2 1s infinite; 
    /*background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%)
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%);
    background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%);
    background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%);
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba(0, 0, 0, 0.6) 70%);*/
}

@-webkit-keyframes shine {
    from {background-position: 100%;}

    to {background-position: 0;}
}

@keyframes shine2{
	0%{background:-webkit-radial-gradient(Circle,#1E7AA5 28%, #2287B7 30%, #2287B7 48%,#208FC1 60%);background:radial-gradient(circle,#1E7AA5 28%, #2287B7 30%, #2287B7 48%,#208FC1 60%);}
	20%{background:-webkit-radial-gradient(Circle,#1E7AA5 32%, #2287B7 34%, #2287B7 52%,#208FC1 60%);background:radial-gradient(Circle,#1E7AA5 32%, #2287B7 34%, #2287B7 52%,#208FC1 60%); }
	40%{background:-webkit-radial-gradient(Circle,#1E7AA5 34%, #2287B7 36%, #2287B7 54%,#208FC1 60%);background:radial-gradient(Circle,#1E7AA5 34%, #2287B7 36%, #2287B7 54%,#208FC1 60%);}
	60%{background:-webkit-radial-gradient(Circle,#1E7AA5 36%, #2287B7 38%, #2287B7 56%,#208FC1 60%);background:radial-gradient(Circle,#1E7AA5 36%, #2287B7 38%, #2287B7 56%,#208FC1 60%);}
	80%{background:-webkit-radial-gradient(Circle,#1E7AA5 38%, #2287B7 40%, #2287B7 58%,#208FC1 60%);background:radial-gradient(Circle,#1E7AA5 38%, #2287B7 40%, #2287B7 58%,#208FC1 60%);}
	100%{background:-webkit-radial-gradient(Circle,#1E7AA5 40%, #2287B7 42%, #2287B7 60%,#208FC1 60%);background:radial-gradient(Circle,#1E7AA5 40%, #2287B7 42%, #2287B7 60%,#208FC1 60%);}
}

/*end新添开发样式*/